			<!DOCTYPE html>
			<html>
			<head>
				<meta charset="UTF-8">
				<title>Listado de Ventas</title>
				<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
						<meta name="viewport" content="width=device-width,initial-scale=1.0">
						<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css">
						<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
						
						<script type="/js/jquery-2.0.3.js"></script>
						<script src="/js/bootstrap.min.js"></script>

			</head>
			<body>
				<input type="hidden" id="serverUrl"
				value="<%=request.getContextPath()%>" />
			<!-- <div class="row-fluid">
				<div class="span12">
					&nbsp;
				</div>
			</div> -->
			<div class="row-fluid">
							
							<div class="span12">

								<div class="navbar navbar-fixed-top navbar-inverse">

									<div class="navbar-inner">
										<div class="container">
										<a href="#" class="brand">Listado de Ventas</a>
										<ul class="nav pull-right">
											<div class="contain">
											<a style="color:white" href="#">UserName(Saler) |</a>
											<a href="#">Cerrar Session</a>
											</div>
										</ul>
									</div>
								</div>
							</div>
						</div>
						</div>
			<div class="row-fluid">
				<div class="span12">
					&nbsp;
				</div>
			</div>
			<div class="container" >
			<div class="row-fluid">
				<div class="span12" style="background:blue">
					<div class="row-fluid">
						<div class="span12">
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<form action="<%=request.getContextPath()%>/sale/index" method="post">
					TimeFrame: <select id="salerMan" name="salerMan">
							<option>Mes</option>
					</select>From: <input type="date" id="dateFrom"
						name="dateFrom" required="required">
						To: <input type="date" id="dateTo" name="dateTo" required="required">  
						 <input class="btn btn-primary" type="submit" id="btnGenerarReporte" value="Generar Reporte">
				</form>
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12"></div>
					</div>
				</div>
			</div>

	</div>
			<!-- 	<div>
				<b style="color: blue;"> <c:if test="${afterSaveBean}">
				<c:if test="${!succesBean}">No se encontraron ventas.
				</c:if>
				</c:if>
			</b>
			</div> -->
			
		<div class="container" style="background:gray">
			<div class="row-fluid">
				<div class="span8">
					
				</div>
			</div>
		<div class="rowfluid">
			<div class="span8">
			<table id="SalesTable" class="table table-bordered table-striped table-hover table-condensed">
				<thead>
					<tr>
						<th>N° de Venta</th>
						<th>Fecha de Venta</th>
						<th>Total de Comision</th>
						<th>Total</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<c:forEach items="${salesBean}" var="sale">
						<tr>
							<td>${sale.number}</td>
							<td>${sale.date}</td>
							<td>Campo</td>
							<td>${sale.total}</td>
					</tr>
					</c:forEach>
				</tbody>
			</table>
			</div>
		</div>
	</div>
	</div>
			<br>
			<br>
			<div class="row-fluid">
				<div class="span4">
			<a class="btn-link" href="<%=request.getContextPath()%>/sale/index">&gt;== VOLVER</a>
			</div>
			</div> -->
			</body>
			</html>